import {createRouter, createWebHashHistory} from 'vue-router'

import Home from '@/views/Home.vue'
import StyleSet from '@/views/StyleSet.vue'
import UserSet from '@/views/UserSet.vue'
import GuideSet from '@/views/GuideSet.vue'
import SearchEngineSet from '@/views/SearchEngineSet.vue'
import Quark from "@/views/Quark.vue";
// import UserInfoSet from '@/views/UserInfoSet.vue'


// import BgSet from '@/components/BgSet.vue'
// import GuideSet from '@/components/GuideSet.vue'



// 2. 定义一些路由
// 每个路由都需要映射到一个组件。
// 我们后面再讨论嵌套路由。
const routes = [
    { path: '/', component: Home, name: 'home' },
    { path: '/user', component: UserSet, name: 'user' },
    { path: '/style', component: StyleSet, name: 'style' },
    { path: '/searchEngine', component: SearchEngineSet, name: 'searchEngine' },
    { path: '/guide', component: GuideSet, name: 'guide' },
    { path: '/quark', component: Quark, name: 'quark' },
    // { path: '/userInfo', component: UserInfoSet, name: 'userInfo' },


    // { path: '/bgSet', component: BgSet, name: '背景设置' },
    // { path: '/guideSet', component: GuideSet, name: '导航设置' },
]

const router = createRouter({
    history: createWebHashHistory(),
    routes
})

export default router